<script setup lang="ts">
import type { SourceVO } from './types/SourceVO';

  // 加载系统配置参数，参数修改后需要刷新下页面
  const config = useConfig()
  await useFetch('/api/storage/config').then(res => {
      config.value = res.data.value as SourceVO
  })

  useSeoMeta({
    title: '哔哩哔哩 (゜-゜)つロ 干杯~-bilibili--Vue3+Nuxt3+Vant4练手学习项目',
    description: '"哔哩哔哩（bilibili.com)是国内知名的视频弹幕网站，这里有及时的动漫新番，活跃的ACG氛围，有创意的Up主。大家可以在这里找到许多欢乐。',
    keywords: 'bilibili,哔哩哔哩,哔哩哔哩动画,哔哩哔哩弹幕网,弹幕视频,B站,弹幕,字幕,AMV,MAD,MTV,ANIME,动漫,动漫音乐,游戏,游戏解说,二次元,游戏视频,ACG,galgame,动画,番组,新番,初音,洛天依,vocaloid,日本动漫,国产动漫,手机游戏,网络游戏,电子竞技,ACG燃曲,ACG神曲,追新番,新番动漫,新番吐槽,巡音,镜音双子,千本樱,初音MIKU,舞蹈MMD,MIKUMIKUDANCE,洛天依原创曲,洛天依翻唱曲,洛天依投食歌,洛天依MMD,vocaloid家族,OST,BGM,动漫歌曲,日本动漫音乐,宫崎骏动漫音乐,动漫音乐推荐,燃系mad,治愈系mad,MAD MOVIE,MAD高燃'
  })

</script>

<template>
<NuxtLayout>
    <div>
      <NuxtLoadingIndicator /> <!-- 在这里 -->
      <NuxtPage />
      <van-back-top right="5vw" bottom="5vh" />
    </div>
  </NuxtLayout>
</template>

<style lang="scss">
// 基础样式
@import './assets/styles/base.scss';
// 字体图标
@import './assets/styles/iconfont.scss';
:root {
  /* CSS 设置bilibili的主题颜色 */
  --van-primary-color: #fb7299 !important;
}
</style>